<div class="skill_category">
    <div class='category_name'><?php echo $category_name ?></div>
    <div class="bs-docs-section">
        <div class="bs-example bs-example-tabs">
            <ul id="myTab" class="nav nav-tabs">
                <!--<li style="font-size: 20px; margin-top: 10px; color: #1ab7f2"><?php //echo $this->translate('Skills') ?></li>-->
                <li class="active first_tag">
                    <a href="#popular" data-toggle="tab"><?php echo $this->translate('Popular') ?></a>
                </li>
                <li><a href="#new" data-toggle="tab"><?php echo $this->translate('New') ?></a></li>
            </ul>
            <div id="myTabContent" class="tab-content">
                <!--<table style="margin-top: 20px">
                    <tbody>
                    <tr>
                        <td>
                            <?php //echo $this->translate('Type to find tags: ') ?>
                        </td>
                        <td><input type="text"></td>
                    </tr>
                    </tbody>
                </table>-->
                <div class='col-md-12'>
                    <div class='col-md-2'>
                        <?php echo $this->translate('Type to find tags: ') ?>
                    </div>
                    <div class='col-md-10'>
                        <input type='text' class='form-control'/>
                    </div>
                </div>
                <div class="tab-pane fade in active" id="popular" style="margin-top: 20px">
                    <table>
                        <tbody>
                        <?php $i = 0 ?>
                        <?php foreach ($skills as $skill): ?>
                            <?php  if ($i % 4 == 0)
                                echo "<tr>";
                            include 'tag.phtml';
                            $i++;?>
                        <?php endforeach ?>
                        </tbody>
                    </table>

                </div>
                <div class="tab-pane fade" id="new" style="margin-top: 20px">
                    <table>
                        <tbody>
                        <?php $i = 0 ?>
                        <?php foreach ($skills as $skill): ?>
                            <?php  if ($i % 4 == 0)
                                echo "<tr>";
                            include 'tag.phtml';
                            $i++;?>
                        <?php endforeach ?>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>